<template>
  <div class="empty">
    <i class="iconfont" :class="[icon]"></i>
    <p>{{tips}}</p>
  </div>
</template>
<script type="text/javascript">
  export default {
    props: {
      tips: {
        type: String,
        default: '空空如也'
      },
      icon: {
        type: String,
        default: 'icon-kafei'
      }
    }
  }
</script>
<style type="text/css" lang="less" scoped>
  .empty {
    // color: #151516;
    color: #999;
    text-align: center;
    font-size: 18px;
    margin-top: 80px;
    font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;
    i {
      font-size: 60px;
      color: #9c9c9c;
    }
  }
</style>